import React, { Component } from 'react';
import { Scroller, Touchable } from '$yo-component';
import Header from '$component/header/index.js';
import yoHistory from '$common/history';
import './index.scss';

import { Carousel } from '$yo-component';
import { List } from '$yo-component';

class HomePage extends Component {
    constructor() {
        super();
        this.state = {
            dataSource: [1]
        };
    }
    render() {
        return (
            <div className="yo-flex">
                <Header title="个人信息" right={{ title: '首页', onTap: () => yoHistory.push("/") }}/>
                <Scroller extraClass="flex">
                    <div className="m-content" id="content">
                        <List href="#" className="item" 
                            dataSource={this.state.dataSource}
                            renderItem={(item,i) => [
                                <img className="mark"src="../page/home/img/jw1.jpg" width="50px" height="50px"/>,
                                <div className="flex">
                                    <h1>最帅的男人</h1>
                                    <div className="colors">微信号：123456</div>
                                </div>,
                                <div className="left">
                                    <img src="../page/home/img/QRcode.png"/>
                                </div>
                            ]}
                        />

                    <div className="yo-list yo-list-group meanu">
                        <div className="item">
                            <svg className="icon"><use href="#icon-ren"></use></svg>
                            <b>姓名：</b>江玮
                        </div>
                        <div className="item"><svg className="icon"><use href="#icon-xingbie"></use></svg><b>性别：</b>女</div>
                        <div className="item"><svg className="icon"><use href="#icon-chushengnianyue-"></use></svg><b>出生年月：</b>1994.02.03</div>
                        <div className="item"><svg className="icon"><use href="#icon-zhuanye"></use></svg><b>专业：</b>计算机科学与技术</div>
                        <div className="item"><svg className="icon"><use href="#icon-education"></use></svg><b>学历：</b>本科</div>
                        <div className="item"><svg className="icon"><use href="#icon-biyeyuanxiao"></use></svg><b>毕业院校：</b>宁大</div>
                        <div className="item"><svg className="icon"><use href="#icon-biyeshijian-"></use></svg><b>毕业时间：</b>2016年</div>
                    </div>
                    </div>
                </Scroller>
            </div>
        )
    }
}

export default HomePage;
